@font-face {
    font-family: "iranyekan";
    src: url("../../../fonts/iranyekan-cufonfonts/Qs_Iranyekan.ttf") format("truetype");
}

* {
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}

:focus {
    outline: none;
}

body {
    transition: 1s;
    direction: rtl;
    background-size: cover;
    font-family: "iranyekan" !important;
}

.glass-bg {
    border: 1px solid transparent;
    width: 600px;
    max-height: 90vh;
    height: max-content;
    margin: 10vh auto;
    padding: 50px 70px;
}

.login-form {
     height: 100%; 
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.35);
}

    .login-form > .login-header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px 38px;
    }
    .login-form > .login-header img{
        width: 80px;
    } 
    .login-form > .login-content {
        padding: 0px 38px 20px;
    }

        .login-form > .login-content > .login-content-title {
            text-align: right;
            font-size: 14px;
            color: #3e403c;
            padding-top: 10px;
        }

        .login-form > .login-content > .login-content-sel {
            /* border:1px solid green; */
            border-bottom: 1px solid #cecece;
            height: 300px;
            padding: 10px 0;
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
        }

            .login-form > .login-content > .login-content-sel > div {
                position: relative;
                /* border: 2px solid #84c1f8; */
                border: 2px solid #cecece;
                border-radius: 5px;
                width: 180px;
                height: 255px;
                /* background-color: red; */
                cursor: pointer;
            }

            .login-form > .login-content > .login-content-sel > .login-content-sel-2 {
                border: 2px solid #84c1f8;
                box-shadow: 0px 0px 2px 1px #38b5ed;
            }

            .login-form > .login-content > .login-content-sel > div > img {
                display: block;
            }

            .login-form > .login-content > .login-content-sel > div > p {
                /* border:1px solid red; */
                /*font-family: dinar;*/
                text-align: center;
                color: #84c1f8;
                font-size: 13px;
            }

            .login-form > .login-content > .login-content-sel > .login-content-sel-1 > p {
                color: #999999;
            }

            .login-form > .login-content > .login-content-sel > .login-content-sel-1 > img {
                /* border:1px solid red; */
                margin: 10px auto 0px;
            }

            .login-form > .login-content > .login-content-sel > .login-content-sel-2 > img {
                /* border:1px solid red; */
                color: #84c1f8;
                margin: 18px auto 4px;
            }

            .login-form > .login-content > .login-content-sel > div > .tick {
                /* border:1px solid #ffffff; */
                position: absolute;
                top: 235px;
                left: 160px;
                width: 30px;
                height: 30px;
                border: 1px solid #84c1f8;
                border-radius: 100%;
                background-color: #38b5ed;
                color: #ffffff;
                /* box-shadow: 0px 0px 2px 1px #38b5ed; */
                text-align: center;
                line-height: 30px;
            }

                .login-form > .login-content > .login-content-sel > div > .tick > img {
                    /* border: 1px solid red; */
                    position: relative;
                    top: 4px;
                    left: 0px;
                    width: 20px;
                    height: 20px;
                }
        /* .login-form > .login-content > .login-content-sel > div.login-content-sel-2{
    border: 2px solid #84c1f8;
} */


        .login-form > .login-content > .login-content-info {
            /*border-bottom: 1px solid #cecece;*/
            /* border:1px solid red; */
            /* height:300px; */
            /* margin: 0px 38px; */
            /* padding-bottom: 20px; */
        }

            .login-form > .login-content > .login-content-info > div {
                position: relative;
                /* border:1px solid red; */
                margin-top: 25px;
            }

                .login-form > .login-content > .login-content-info > div > .show-title {
                    /* display: none; */
                    position: absolute;
                    top: -10px;
                    left: 20px;
                    padding: 0px 5px 1px;
                    border: 1px solid #38b5ed;
                    background-color: #38b5ed;
                    border-radius: 5px;
                    /*font-family: dinar;*/
                    font-size: 10px;
                    color: #ffffff;
                }

                .login-form > .login-content > .login-content-info > div > input {
                    outline: none;
                    direction: ltr;
                    display: block;
                    width: 100%;
                    height: 50px;
                    padding: 20px 130px 20px 50px;
                    /* border:2px solid #38b5ed; */
                    border: 2px solid #cecece;
                    border-radius: 5px;
                    font-size: 14px;
                    /*font-family: Calibri;*/
                    /*font-weight: bold;*/
                    color: #444444;
                }

                    .login-form > .login-content > .login-content-info > div > input:focus {
                        border: 2px solid #38b5ed;
                        box-shadow: 0px 0px 2px 1px #38b5ed;
                    }

            .login-form > .login-content > .login-content-info > .inp-user > i {
                /* border:1px solid red; */
                display: block;
                position: absolute;
                top: 17px;
                left: 12px;
                /*width: 34px;*/
                color: #666666;
            }

            .login-form > .login-content > .login-content-info > .inp-pass > i {
                /* border:1px solid red; */
                display: block;
                position: absolute;
                top: 24px;
                left: 15px;
                /*width: 34px;*/
                color: #666666;
            }

            .login-form > .login-content > .login-content-info div i {
               font-size:1.1rem;
            }

            .login-form > .login-content > .login-content-info > .inp-pass > a:hover {
                color: #38b5ed;
                text-shadow: 0px 0px 1px #38b5ed;
            }

            .login-form > .login-content > .login-content-info > .inp-pass > a {
                transition: 0.3s;
                text-decoration: none;
                position: absolute;
                /* border:1px solid red; */
                top: 11px;
                right: 0px;
                border-left: 1px solid #999999;
                /* height: 100%; */
                padding: 0px 10px;
                /*font-family: dinar;*/
                font-size: 14px;
                color: #999999;
            }

            .login-form > .login-content > .login-content-info > .inp-captcha > i {
                /* border:1px solid red; */
                display: block;
                position: absolute;
                top: 24px;
                left: 15px;
                /*width: 34px;*/
                color: #666666;
            }

            .login-form > .login-content > .login-content-info > .inp-captcha > div > img {
                transition: 0.3s;
                text-decoration: none;
                position: absolute;
                /*border:1px solid red;*/
                top: 9px;
                /*right: 0px;*/
                border-left: 1px solid #999999;
                /* height: 100%; */
                padding: 0 9px;
                /*font-family: dinar;*/
                font-size: 14px;
                color: #999999;
            }

            .login-form > .login-content > .login-content-info > .inp-captcha > div > a:hover {
                color: #38b5ed;
                text-shadow: 0px 0px 1px #38b5ed;
            }

            .login-form > .login-content > .login-content-info > .inp-captcha > div > a {
                z-index: 99;
                transition: 0.3s;
                text-decoration: none;
                position: absolute;
                /*border:1px solid red;*/
                top: 11px;
                right: 10px;
                /*border-left: 1px solid #999999;*/
                /* height: 100%; */
                padding: 0 5px;
                font-family: dinar;
                font-size: 14px;
                color: #999999;
                cursor: pointer;
            }

            .login-form > .login-content > .login-content-info > .rem {
                /*border:1px solid red;*/
                display: flex;
                align-items: center;
                padding: 0px;
                padding-top: 5px;
                margin: 0px;
            }

                .login-form > .login-content > .login-content-info > .rem > input[type="checkbox"] {
                    width: 12px;
                    height: 12px;
                    box-shadow: none;
                }

                .login-form > .login-content > .login-content-info > .rem > label {
                    /* border:1px solid red; */
                    padding-right: 5px;
                    /*font-family: dinar;*/
                    font-size: 14px;
                    color: #3e403c;
                }

            .login-form > .login-content > .login-content-info > .inp-submit {
                /* border:1px solid red; */
                /*border-bottom: 1px solid #cecece;*/
                margin-top: 0px;
                margin-top: 20px;
                /*padding-bottom: 20px;*/
                /* height:50px; */
                display: flex;
                justify-content: space-between;
                align-items: center;
            }

                .login-form > .login-content > .login-content-info > .inp-submit > .btn:hover {
                    box-shadow: 0px 0px 3px 2px #777777;
                }

                .login-form > .login-content > .login-content-info > .inp-submit > .btn {
                    transition: 0.4s;
                    outline: none;
                    background-color: #4bacae;
                    border: 1px solid #4bacae;
                    border-radius: 5px;
                    padding: 0px 40px 5px;
                    color: #ffffff;
                    cursor: pointer;
                    margin: 0 auto;
                    font-family: 'iranyekan';
                    font-size: 16px;
                }

                .login-form > .login-content > .login-content-info > .inp-submit > .sign-up > label {
                    /*border: 1px solid blue;*/
                    /*font-family: dinar;*/
                    font-size: 14px;
                    font-weight: 400;
                    color: #3e403c;
                }

                .login-form > .login-content > .login-content-info > .inp-submit > .sign-up > input {
                    position: relative;
                    top: 3px;
                }

                .login-form > .login-content > .login-content-info > .inp-submit > .sign-up > a:hover {
                    /* color: #35a214; */
                    text-shadow: 0px 0px 2px #35a214;
                }

                .login-form > .login-content > .login-content-info > .inp-submit > .sign-up > a {
                    transition: 0.3s;
                    text-decoration: none;
                    /* border:1px solid red; */
                    /*font-family: dinar;*/
                    font-size: 18px;
                    font-weight: 400;
                    color: #35a214;
                }

.signup-content-title {
    /* border: 1px solid black; */
    text-align: center;
    /*font-family: dinar;*/
    font-size: 14px;
    color: #35a214;
    padding-top: 10px;
}

.links {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border:1px solid red; */
    margin-top: 5px;
    /* padding:10px 0px; */
    /* height:100px; */
}

    .links > .msrt-link:hover {
        text-shadow: 0px 0px 1px #343a32;
    }

    .links > .msrt-link {
        transition: 0.3s;
        /* border:1px solid blue; */
        text-decoration: none;
        /*font-family: yekan;*/
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: #38b5ed;
    }

    .links > .EliteCenter-link:hover {
        color: #38b5ed;
    }

    .links > .EliteCenter-link {
        transition: 0.3s;
        text-decoration: none;
        font-size: 18px;
        /*font-family: Verdana, Geneva, Tahoma, sans-serif;*/
        font-weight: 400;
        line-height: 14px;
        color: #999999;
    }


.login-form > .login-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* border:1px solid red; */
    /* height: 100px; */
    padding: 30px 38px 60px;
}

    .login-form > .login-footer > a:hover {
        transition: 0.3s;
        color: #38b5ed;
    }

    .login-form > .login-footer > a {
        /* border:1px solid #38b5ed; */
        text-decoration: none;
        color: #999999;
        /*font-family: yekan;*/
        font-size: 14px;
        font-weight: 600;
    }

    .login-form > .login-footer > div {
        color: #38b5ed;
        border: 1px solid #38b5ed;
        height: 20px;
    }

.alert-danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
    /*font-family: dinar;*/
    font-size: 14px;
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.fade.in {
    opacity: 1;
}

.close {
    float: left;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

a {
    color: #337ab7;
    text-decoration: none;
}